.container,.row{
	height:100%;
}
.serach-banner{
	background:url(../images/search-banner.jpg) no-repeat;
	height:420px;
	.search-main{
		padding-top:96px;
		.search-title{
			color:#fff;
			font-size:28px;
			margin-bottom:30px;
			span{
				font-size:42px;
			}
		}
		
		.search-bar-hot{
			margin-top:30px;
			font-size:16px;
			.search-bar-hot-title{
				color:#fff;
				opacity:0.5;
			}
			.search-bar-hot-cont{
				a{
					color:#fff;
					padding:0px 15px;
				}
			}
		}
	}
}
.search-grid{
	height:100%;
	.search-cont{
		height:100%;
		.search-top{
			height:100%;
			.search-title{
				padding:30px 0 10px;
				.title-cricle{
					width:32px;
					height:32px;
					border-radius:50%;
					-webkit-border-radius:50%;
					-moz-border-radius:50%;
					-ms-border-radius:50%;
					border:1px solid #3257c1;
					text-align:center;
					display:inline-block;
					line-height:32px;
					img{
						height:18px;
						vertical-align:middle;
						margin-bottom:2px;
					}
				}
				.title-name{
					font-size:16px;
					color:#3257c1;
					margin-left:5px;
				}
				.add{
					background:#3257c1;
					color:#fff;
					border-radius:4px;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					-ms-border-radius:4px;
					padding:10px 14px;
					i{
						vertical-align:middle;
						margin-bottom:2px;
						margin-right:5px;
					}
				}
			}
		}
		.scroll{
			overflow:hidden;
			position: relative;
			display: block;			
			margin-top:30px;
			height:80px;
			.scroll-list{				
			    position: relative;
			    display: block;
			    margin: 0;
			    padding: 0;		
				ul{
					height:80px;
					display:block;
					float: left;
				    outline: 0;
					li{
						margin-top: 15px;
						position:relative;
						width:200px;
						padding-left:35px;
						height:50px;
						overflow:hidden;
						float: left;
						line-height: 1.8;
						&:after{
							height:36px;
							background:#d9d9d9;
							width:1px;
							position:absolute;
							right:0px;
							content:"";
							display:table;
							z-index:2;
							top:5px;
						}
						&:last-child{
							&:after{
								height:0px;
							}							
						}
						a{
							font-size:14px;
							color:#333;
							display: inline-block;
							vertical-align: top;
							width: 90%;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
						.level{
							font-size:12px;
							display:block;
							color:#666;
							em{
								color:#01bc4c;
							}
						}
					}
				}
				
			}
			
		}
		.server-list{
			margin-top:100px;
			margin-bottom:60px;
			.server-item{
				img{
					width:156px;
					height:156px;
				}
				h3{
					font-size:16px;
					color:#1840b1;
					line-height:1;
					margin-top:30px;
				}
				p{
					font-size:14px;
					color:#999;
				}
			}
		}
		.search-cards{
			padding-top:30px;
			.total-count{
				.total-tips{
					font-size:14px;
					clear: #999;
					em{
						color:#1840b1;
					}
				}
				.total-container{
					margin:30px 0px;
					a{
						display:inline-block;
					}
					.total-list{
						width:535px;
						float:left;
						padding:20px 22px 0;
						height:146px;
						border:1px solid #dadada;
						margin-bottom:10px;
						.total-inter{
							h1{
								font-size:20px;
								color:#333;
								line-height:1;
								margin-top:0px;
								margin-bottom:15px;
							}
							p{
								font-size:12px;
								color:#999;
								margin-bottom:10px;
							}
							.none{
								font-size:14px;
								color:#999;
								line-height:6;
							}
						}
						.grades{
							text-align:center;
							padding-top:35px;
							.g-level{
								font-size:38px;
								color:#fd7100;
							}
							.g-text{
								font-size:14px;
								color:#999;
							}
						}
					}
					.mar-right{
						margin-right:30px;
					}
				}
				.page{
					.pagination{
						ul{
							li{
								&.active{
									a,span{
										background:#1840b1;
										color:#fff;
										border:1px solid #1840b1;

									}
								}
								a{
									background:#f7f7f7;
									margin-left:5px;
									border:1px solid #e5e5e5;
									border-radius:4px;
									-webkit-border-radius:4px;
									-moz-border-radius:4px;
									-ms-border-radius:4px;
									font-size:14px;
									color:#666;
								}
								a,span{
									padding:6px 12px;

								}
							}
						}
						.jump-page{
							display:inline-block;
							vertical-align:top;
							.page-nub{
								margin:0px 25px 0 15px;
								font-size:14px;
								color:#666;
								em{
									color:#1840b1;
								}
							}
							.page-input{
								width:54px;
								height:30px;
								padding:0px;
								border:1px solid #e5e5e5;
								margin-bottom:0px;
								text-align:center;
							}
							.confirm{
								background:#f7f7f7;
								width:54px;
								height:30px;
								border:1px solid #e5e5e5;
								font-size:14px;
								color:#666;
							}
						}
					}
				}
			}
		}
		.no-results{
			height:100%;
			img{
				padding-top:10%;
			}
		}
	}
}